﻿<td class="width50px">
    <!-- ko if: IsNew() -->
    <span data-bind="css: {message: $parent.IsSectionBeingEdited($data)}">NEW</span>
    <!-- /ko -->
    <!-- ko ifnot: IsNew() -->
    <span data-bind="text: Id"></span>
    <!-- /ko -->
</td>
<td class="width200px">
    <div>
        <input data-bind="value: Name" size="25" maxlength="50" /><br />
        <span data-bind="validationMessage: Name" class="error"></span>
    </div>
</td>
<td class="width50px">
    <!-- ko ifnot: IsNew() -->
    <span data-bind="text: SectionType"></span>
    <!-- /ko -->
    <!-- ko if: IsNew() -->
    <select data-bind="options: $parent.SectionTypes,
                        value: SectionType"></select>
    <!-- /ko -->
</td>
<td class="width250px">
    <div>
        <button data-bind="click: $parent.SaveSection">Save</button>
        <button data-bind="click: $parent.Cancel">Cancel</button>
    </div>
</td>